*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
#container{
    position: fixed;
    z-index: 1;
    height: 100%;
    width: 100%;
    background:rgba(102,102,102,.8);
    #mask{
        .wrap{
            li{
                img{
                    height: 5.3333rem;
                    width: 5.3333rem;
                }
            }
        }
    }
}
#header{
    width: 10rem;
    height: 50px;
    background-color: #1D6DFF;
    color: white;
    overflow: hidden;
    position: relative;
    .xz{
        font: .48rem/1.3333rem "";
        position: absolute;
        right:.5333rem;
        top: 0;
    }
    .fh{
        font: .48rem/1.3333rem "";
        position: absolute;
        left: .5333rem;
    }
    .bt{
        font: .5333rem/1.3333rem "";
        font-weight: bold;
        width: 4.5333rem;
        text-align: center;
        margin: 0 auto;
    }
}
#tishi{
    color: #ccc;
    p{
        width: 6.6667rem;
        margin: .2667rem auto;
    }
}
#main{
    width: 10rem;
    .lis{
        width: 10rem;
        overflow: hidden;
        li{
            width: 10rem;
            overflow: hidden;
            margin: .2667rem .1333rem;
            // height: 2.6667rem;
            img{
                float: left;
                width: 2.4rem;
                height: 2.4rem;
            }
            .jieshao{
                padding-left: 2.6667rem;
                font: .4267rem/.48rem "";
            }
            .jiage{
                padding-left: 2.6667rem;
                font: .4267rem/.48rem "";
                margin: .1333rem 0;
            }
            .youxiaoqi{
                padding-left: 2.6667rem;
                font: .4267rem/.48rem "";
                color: red;
            }
        }
    }    
    #more{
        height: 1.6rem;
        background-color: #F4F4F4;
        p{
            height: .8rem;
            border: 1px solid #ccc;
            border-radius: .1333rem;
            margin: .2667rem .2667rem 0 .2667rem;
            text-align: center;
            font: .32rem/.8rem "";
            color: #666;
        }
    }
}
#foot{
    .title{
        color: white;
        background-color: #1D6DFF;
        width: 10rem;
        height: .9333rem;
        font: .5rem/.9333rem "";
        font-weight: bold;
    }
    ul{
        width: 10rem;
        display: flex;
        margin: 15px 0;
        li{
            border-top: 1px solid #666;
            border-bottom: 1px solid #666;
            flex: 1;
            height: .9067rem;
            text-align: center;
            color: #666;
            font: .3733rem/.9067rem "";
        }
        .li1{
            border-right: 1px solid #666;
        }
        .li3{
            border-left: 1px solid #666;
        }
    }
    .p1{
        height: 1.0133rem;
        width: 10rem;
        text-align: center;
        font: .3733rem/.5067rem "";
        color: #666;
    }
}
.title{
    position: relative;
}
#x{
    position: absolute;
    right: .5333rem;
}